MD.Title = function () {

  $('#canvas_title')
    .keydown(function (e) {
      e.stopPropagation();
      if (e.key === "Escape") {
        this.blur();
      }
      if (e.key === "Enter") {
        this.blur();
      }
    })
    .keyup(function (e) {
      e.stopPropagation();
      console.log('canvasTitle', 111);
      svgCanvas.setDocumentTitle(this.value);
      state.set("canvasTitle", this.value);
    })
    .click(function (e) {
      this.focus();
      this.select();
    })

  $('#base_VID')
    .keydown(function (e) {
      e.stopPropagation();
      if (e.key === "Escape") {
        this.blur();
      }
      if (e.key === "Enter") {
        this.blur();
      }
    })
    .keyup(function (e) {
      e.stopPropagation();
      let currentDom = svgCanvas.getSelectedElems();
      if (currentDom.length <= 1) {
        editor.changeAttribute('VID', this.value, true)
      }
    })
    .click(function (e) {
      this.focus();
      this.select();
    })
  $('#base_VName')
    .keydown(function (e) {
      e.stopPropagation();
      if (e.key === "Escape") {
        this.blur();
      }
      if (e.key === "Enter") {
        this.blur();
      }
    })
    .keyup(function (e) {
      e.stopPropagation();
      let currentDom = svgCanvas.getSelectedElems();
      if (currentDom.length <= 1) {
        editor.changeAttribute('VName', this.value, true)
      }
    })
    .click(function (e) {
      this.focus();
      this.select();
    })

}